import React from "react";
import { PageHeaderWrapper } from "@ant-design/pro-layout";
import { InfoCircleOutlined } from "@ant-design/icons";
import { Card, Typography, Alert } from "antd";
import styles from "./Welcome.less";

const CodePreview: React.FC<{}> = ({ children }) => (
  <pre className={styles.pre}>
    <code>
      <Typography.Text copyable>{children}</Typography.Text>
    </code>
  </pre>
);

export default (): React.ReactNode => (
  <PageHeaderWrapper>
    <Card>
      <div>
        <InfoCircleOutlined /> Hello World!
      </div>
    </Card>
  </PageHeaderWrapper>
);
